<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
    <meta name="viewport" content="width=800px,maximum-scale=1.0, user-scalable=no,target-densitydpi=320" />
    <title>我的读者证</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/jquery-barcode.js"></script>
    <script src="js/jq.js"></script>
</head>

<body>
    <header>
        <div class="wrapper">
            <div class="libname"><i class="icon-home">&nbsp;</i><span>小扬扬智障儿童欢乐多图书馆</span></div>
        </div>
    </header>
    <div class="maincontainer">
        <div class="wrapper">
            <section id="barcode">
                <div class="name"><i class="icon-user"></i>读者姓名：<span>周扬</span></div>
                <div class="tiaoma"><i class="icon-barcode"></i>读者条码：<span id="code">S150101</span></div>
                <div class="tip">（tip：请使用支持扫描玻璃屏幕的专用扫码枪进行扫描）</div>
                <div class="code-39">
                    <h2>code-39:</h2>
                    <div id="bcTarget39" class="code"></div>
                </div>
                <div class="code-128">
                    <h2>code-128:</h2>
                    <div id="bcTarget128" class="code"></div>
                </div>
            </section>
        </div>
    </div>
    <footer>
        <div class="wrapper">
            <ul class="footernav">
                <li>
                    <a href="index.html">
                        <div class="footerimg ftimg01"></div><span>首页</span></a>
                </li>
                <li>
                    <a href="message.html">
                        <div class="footerimg ftimg02"></div><span>消息</span></a>
                </li>
                <li>
                    <a href="event.html">
                        <div class="footerimg ftimg03"></div><span>活动</span></a>
                </li>
                <li>
                    <a href="mine.html">
                        <div class="footerimg ftimg04"></div><span>我的</span></a>
                </li>
            </ul>
        </div>
    </footer>

</body>

</html>
